<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>美帮来-信息检索</title>
  <meta name="viewport" content="initial-scale=1, maximum-scale=1">
  <link rel="shortcut icon" href="/favicon.ico">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">

  <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
  <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">

</head>
<body>
<div class="page-group">
  <div class="page page-current">
    <nav class="bar bar-tab">
      <a class="external tab-item active" href="/modifyPassword.html">
        <span class="icon icon-card"></span>
        <span class="tab-label">修改密码</span>
      </a>
    </nav>

    <div class="list-block inset">
      <ul>
        <li><a href="/specification.html" class="item-link list-button">查看说明</a></li>
      </ul>
    </div>

    <div class="list-block inset">
      <ul>
        <li><a href="/mbl/view/sign.html?sign=9" data-url="" class="external item-link list-button">查看我标记过的用户(优质)</a></li>
        <li><a href="/mbl/view/sign.html?sign=8" data-url="" class="external item-link list-button">查看我标记过的用户(有效)</a></li>
        <li><a href="/mbl/view/sign.html?sign=1" data-url="" class="external item-link list-button">查看我标记过的用户(无效)</a></li>
      </ul>
    </div>

    <div class="list-block inset">
      <ul>
        <li class="item-link list-button"><input type="text" id='picker' placeholder="选择查看的客户" style="text-align: center;" /></li>
        <li><a href="#" id="getTen" class="external item-link list-button">获取10个未查看客户</a></li>
      </ul>
    </div>
  </div>
</div>

<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
<script>

    var genre ;//类型

    $("#picker").picker({
        toolbarTemplate: '<header class="bar bar-nav">\
  <button class="button button-link pull-right close-picker">确定</button>\
  <h1 class="title center">选择查看的客户类型</h1>\
  </header>',
        cols: [
            {
                textAlign: 'center',
                values: ['厂家1', '代理商2', '美店3', '企业资质4', '托运部5']
            }
        ],
        rotateEffect:true,//3D
        onClose:function () {
            var s = document.getElementsByClassName("picker-selected")[0];
            genre = s.dataset.pickerValue.replace(/[^0-9]/ig,"");
            console.log(genre);
        }
    });


    document.getElementById("getTen").onclick = function () {
        if (genre){
            window.location.href = "/mbl/view/changjia.html?genre="+genre;
//        }else if(genre == 2){
//
//        }else if(genre == 3){
//
//        }else if(genre == 4){
//
//        }else if(genre == 5){
//
        }else {
            $.toast('选择类型啊', 1000);
        }
    };

</script>
